import React, { Component } from 'react'

class App extends Component{

//事件传参的三种方式 
//bind  bind(this,'传递的数据')
//箭头函数  onClick={()=>{this.handleClick('传参')}}
//data属性


// handleClick=(params,e)=>{
//   console.log(params,e)
// }


handleClick=(e)=>{
  console.log(e.currentTarget.dataset['index'])
}
  render(){
    return (
      <div>

        {/* <button onClick={this.handleClick.bind(this,'使用bind传递参数')}>按钮</button> */}
     
     {/* <button onClick={(e)=>{this.handleClick('箭头函数传参',e)}}>按钮</button> */}


     <button data-index={'属性传参'} onClick={this.handleClick}>按钮</button>
     
      </div>
    )
  }
}

export default App;